body{
	/* background-image: linear-gradient(to right, #209cff, #68e0cf); */
	background-color: #E4EBF5;
	margin: 0px;
	display: flex;
	justify-content: space-around;
}

:root{
	--primary-light: #8abdff;
	--primary: #6d5dfc;
	--Primary_Open: #6d5dfc;
	--primary-dark: #5b0eeb;
	--white: #FFFFFF;
	--greyLight-1: #E4EBF5;
	--greyLight-2: #c8d0e7;
	--greyLight-3: #bec8e4;
	--greyDark: #9baacf;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
	width: 10px;
	height: 16px;
	background-color: rgba(255,255,255,0);
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
	border-radius: 10px;
	background-color: rgba(255,255,255,0);
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
	background-color: rgba(255,255,255,0);
}


.Falst_div{
	border-radius: 27px;
	background: #E4EBF5;
	box-shadow:  5px 5px 10px #b6bcc4,
	             -5px -5px 10px #ffffff;
	margin: 20px;
	width: 60rem;
}

.Falx_mod{
	padding: 20px;
	display: flex;
	justify-content: space-around;
}

#OutPut_Info{
	color: #8e94a8;
	cursor: auto;
	font-size: 18px;
	caret-color:#9BAACF;
	width: 55%;
	resize: none;
	outline:none;
	padding: 15px;
	border-color: #E4EBF5;
	border-radius: 15px;
	background: #E4EBF5;
	box-shadow: inset 5px 5px 5px #b6bcc4,
	            inset -5px -5px 5px #ffffff;
}

#User_Info{
	color: #8e94a8;
	cursor: auto;
	font-size: 18px;
	caret-color:#9BAACF;
	width: 40%;
	resize: none;
	outline:none;
	padding: 15px;
	border-color: #E4EBF5;
	border-radius: 15px;
	background: #E4EBF5;
	box-shadow: inset 5px 5px 5px #b6bcc4,
	            inset -5px -5px 5px #ffffff;
}

/* #OutPut_Info:focus{
	border-radius: 27px;
	background: #E4EBF5;
	box-shadow:  5px 5px 10px #b6bcc4,
	             -5px -5px 10px #ffffff;
}

#User_Info:focus{
	border-radius: 27px;
	background: #E4EBF5;
	box-shadow:  5px 5px 10px #b6bcc4,
	             -5px -5px 10px #ffffff;
} */

.Info_Oper{
	width: 55%;
	display: flex;
	justify-content: space-around;
}

.Info_Obtain{
	width: 40%;
}

/*placeholder颜色*/
input::-webkit-input-placeholder {
	color: #C1C9E4;
}
input::-moz-input-placeholder {
	color: #C1C9E4;
}
input::-ms-input-placeholder {
	color: #C1C9E4;
}

/*placeholder颜色*/
textarea::-webkit-input-placeholder {
	font-size: 18px;
	color: #C1C9E4;
}
textarea::-moz-input-placeholder {
	font-size: 18px;
	color: #C1C9E4;
}
textarea::-ms-input-placeholder {
	font-size: 18px;
	color: #C1C9E4;
}

#name_input{
	font-family: sans-serif;
	width: 100%;
	padding-left: 6px;
	padding-right: 6px;
	font-size: 18px;
	color: #C1C9E4;
	caret-color:#9BAACF;
	text-align: center;
	height: 2.7rem;
	resize: none;
	outline:none;
	border-radius: 10px;
	background: #E4EBF5;
	box-shadow: inset 5px 5px 7px #cbd1da,
	            inset -5px -5px 7px #f9ffff;
	border-color: rgba(255,255,255,0);
}

#name_input:focus{
	border-radius: 10px;
	background: #E4EBF5;
	box-shadow:  5px 5px 7px #cbd1da,
	             -5px -5px 7px #fdffff;
}

#Cook_input{
	font-family: sans-serif;
	text-align: center;
	color: #C1C9E4;
	caret-color:#9BAACF;
	font-size: 18px;
	padding: 8px;
	width: 100%;
	margin-top: 10px;
	resize: none;
	outline:none;
	border-radius: 10px;
	background: #E4EBF5;
	box-shadow: inset 5px 5px 7px #cbd1da,
	            inset -5px -5px 7px #f9ffff;
	border-color: rgba(255,255,255,0);
}

#Cook_input:focus{
	border-radius: 10px;
	background: #E4EBF5;
	box-shadow:  5px 5px 7px #cbd1da,
	             -5px -5px 7px #fdffff;
}

.dive{
	display: flex;
	justify-content: space-around;
}

button{
	font-size: 1.0rem;
	border: rgba(255,255,255,0);
	width: 100%;
	height: 50px;
	border-radius: 1rem;
	box-shadow: 0.3rem 0.3rem 0.6rem var(--greyLight-2), -0.2rem -0.2rem 0.5rem var(--white);
	justify-self: center;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: 0.3s ease;
}

.Btn_sty {
	resize: none;
	outline:none;
	border-radius: 10px;
	margin-top: 10px;
	grid-column: 1/2;
	grid-row: 4/5;
	background: var(--primary);
	box-shadow: inset 0.2rem 0.2rem 1rem var(--primary-light), inset -0.2rem -0.2rem 1rem var(--primary-dark), 0.3rem 0.3rem 0.6rem var(--greyLight-2), -0.2rem -0.2rem 0.5rem var(--white);
	color: var(--greyLight-1);
}
.Btn_sty:hover {
	color: var(--white);
}
.Btn_sty:active {
	box-shadow: inset 0.2rem 0.2rem 1rem var(--primary-dark), inset -0.2rem -0.2rem 1rem var(--primary-light);
}
.Btn_sty p{
	font-size: 18px;
	margin: 0px;
	font-family: sans-serif;
}

#name_det{
	font-family: sans-serif;
	width: 100%;
	padding-left: 6px;
	padding-right: 6px;
	font-size: 18px;
	color: #C1C9E4;
	caret-color:#9BAACF;
	text-align: center;
	height: 2.7rem;
	resize: none;
	outline:none;
	border-radius: 10px;
	background: #E4EBF5;
	box-shadow: inset 5px 5px 7px #cbd1da,
	            inset -5px -5px 7px #f9ffff;
	border-color: rgba(255,255,255,0);
}

#name_det:focus{
	border-radius: 10px;
	background: #E4EBF5;
	box-shadow:  5px 5px 7px #cbd1da,
	             -5px -5px 7px #fdffff;
}

#Up_userdata{
	margin: 0px;
}

#Auto_check{
	background: var(--Primary_Open);
}